<script setup>
  const props = defineProps({
    list: {
      type: Array,
    },
    value: {
      type: Number
    }
  })

  const label = computed(()=> {
    if (!props.list || !props.list.length) {
      return null;
    }
    const one = props.list.find(item=>item.value === props.value);
    if (!one) {
      return null;
    }
    return one.label;
  })
</script>

<template>
  <el-tag size="small" effect="plain">
    {{label}}
  </el-tag>
</template>

<style scoped lang="scss">

.el-tag--plain {
  background-color: #fff;
  border-color: #99bdfb;
  color: #005bf5;
}

</style>